<template>
	<view>
		<image class="top-img" :src="dynamic_info.cover_plan" mode="" @click="imaGe(dynamic_info.cover_plan_text)">
		</image>
		<view class="active-box">
			<view class="nickname">
				<text class="u-text-top">{{dynamic_info.title}}</text>
				<!-- 这是一条华丽的分割线 -->
				<SplitLine :height="10" :marginTop="20" :marginBottom="20"></SplitLine>
				<view class="" style="padding: 0rpx 40rpx;">
					<Parse :html="dynamic_info.content"></Parse>
				</view>
				
			</view>
		</view>
		
	</view>
</template>
<script>
	import SplitLine from "../../components/bw-Split-line/bw-Split-line.vue";
	import {articleDetail} from "../../api/shop.js"
	import Parse from "../../components/bw-parse/bw-parse.vue"
	export default {
		components:{
			SplitLine,
			Parse
		},
		data() {
			return {
				dynamic_info: {},
				content: "",
				loading: true,
				
			}
		},
		onLoad(point) {
			if(!point.id){
				articleDetail({
					id:39
				}).then(res=>{
					this.dynamic_info=res.data
				})
			}
			else{
				articleDetail({
					id:point.id
				}).then(res=>{
					this.dynamic_info=res.data
				})
			}
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.top-img {
		width: 100%;
		// height: 400rpx;
	}

	.active-box {
		// padding: 40rpx 40rpx 0 20rpx;
		width: 100%;
		margin: 0px auto;
		color: #101010;

		.nickname {
			margin: 20rpx 0 20rpx 0rpx;
		}

		.describe {
			width: 90%;
			display: block;
			margin: 0rpx auto;
		}

		.active-img {
			width: 95%;
			height: 400rpx;
			margin: 20rpx auto;
			font-size: 26rpx;
			color: #999999;
			font-family: 'PingFangSC-Regular';
			padding-top: 10rpx;
			display: block;
			// text-indent: 30rpx;
		}
		
		#myVideo {
			width: 95%;
			height: 320rpx;
			display: block;
			margin: 20rpx auto;
		}

		.cut-off-rule {
			width: 100%;
			height: 20rpx;
			background-color: #F4F5F9;
			margin-bottom: 20rpx;
		}
	}
	p{
		text-indent: 10rpx;
	}
	.u-text-top {
		display: block;
		font-family: 'PingFangSC-Medium';
		font-size: 35rpx;
		font-weight: 600;
		color: #333333;
		padding-left: 20rpx;
		padding-bottom: 15rpx;
	}
</style>
